- 综合排序
- 最热优先
- 最新优先
- 来自专栏愷龍的Blog
Element Plus使用
Element Plus快速入门 准备工作： 创建一个工程化的vue项目 参照官方文档，安装Element Plus组件库（在当前工程的目录下）：npm install element-plus --save main.js中引入Element Plus组件库（参照官方文档） 制作组件： 访问Element官方文档，复制组件代码，调整 ElementPlus的使用步骤： 安装：npm install element-plus –save 引入：在main.js中引入Element Plus（参照官方文档） 组件：访问官方文档中的组件，调整成我们需要的样子即可 常用组件 案例展示： 代码： <template> < } import { ref } from 'vue' import type { ComponentSize } from 'element-plus' const console.log(`current page: ${val}`) } import { Delete, Edit, }from '@element-plus
35210编辑于 2024-07-17 - 来自专栏繁依Fanyi 的专栏
Element Plus 表单验证详解
Element Plus 是基于 Vue 3 的一套组件库，它提供了许多组件帮助开发者快速构建现代 Web 应用。 本文将详细介绍如何在 Element Plus 中进行表单验证，并通过具体示例解释每个部分的用法。 安装 Element Plus 在使用 Element Plus 之前，需要先安装它。 假设你已经有一个 Vue 3 项目，可以通过 npm 或 yarn 安装 Element Plus： npm install element-plus 或者： yarn add element-plus 安装完成后，在项目入口文件中引入 Element Plus： import { createApp } from 'vue' import ElementPlus from 'element-plus 希望本文能够帮助你更好地理解和使用 Element Plus 的表单验证功能。
1.2K10编辑于 2024-08-02 - 来自专栏sofu456
vue element-plus使用
中文社区 https://element-plus.org/zh-CN/ 全局自动导入 const { defineConfig } = require('@vue/cli-service') const
40020编辑于 2023-02-02 Element Plus 表单验证详解
Element Plus 是基于 Vue 3 的一套组件库，它提供了许多组件帮助开发者快速构建现代 Web 应用。 本文将详细介绍如何在 Element Plus 中进行表单验证，并通过具体示例解释每个部分的用法。安装 Element Plus在使用 Element Plus 之前，需要先安装它。 假设你已经有一个 Vue 3 项目，可以通过 npm 或 yarn 安装 Element Plus：npm install element-plus或者：yarn add element-plus安装完成后 ，在项目入口文件中引入 Element Plus：import { createApp } from 'vue'import ElementPlus from 'element-plus'import 'element-plus/dist/index.css'import App from '.
2.7K10编辑于 2024-06-14- 来自专栏前端开发uni-app
【Vue】Element Plus和Element UI中插槽使用
前言今天和大家讲一下Element Plus和Element UI这两个组件库中表格的插槽使用方法，一般情况下vue2使用Element UI这个组件库，表格组件的插槽的话一般都是使用v-slot，而vue3 使用Element Plus组件库，表格组件中插槽一般为#default，下面就来讲一下这两个。 一、两者的区别Element Plus 和 Element UI 都是基于 Vue.js 的 UI 组件库，其中表格组件都提供了插槽（slot）来自定义表格的内容。 但是，Element Plus 和 Element UI 中表格插槽的区别如下：表格头部插槽在 Element UI 中，表格头部插槽的名称为 header，可以用来自定义表格的表头内容。 Element Plus:https://element-plus.org/zh-CN/Element UI：https://element.eleme.cn/#/zh-CN上面就是组件库的链接，大家有兴趣可以去看看
5.6K40编辑于 2023-09-28 - 来自专栏全栈开发工程师
【Vue工程】008-Element Plus
【Vue工程】008-Element Plus 一、概述 1、官网 https://element-plus.gitee.io/zh-CN 2、Slogan 基于 Vue 3，面向设计师和开发者的组件库 二、基本使用 1、安装 pnpm add element-plus 2、完整引入 在 main.ts 引入 // main.ts import { createApp } from 'vue' import ElementPlus from 'element-plus' import 'element-plus/dist/index.css' import App from '. "types": ["element-plus/global"] } } 3、按需导入 自动导入 pnpm add unplugin-vue-components unplugin-auto-import /store'; // 导入 element-plus 样式 import 'element-plus/dist/index.css'; // 导入 element-plus 图标 import * as
20210编辑于 2025-01-06 - 来自专栏javascript趣味编程
element-plus cascader组件初试
很久很久之前，element-plus初识，慢慢找到当初使用Adobe Flex Builder写界面的感觉。 ? -- import CSS --> <link rel="stylesheet" href="https://unpkg.com/<em>element</em>-<em>plus</em>/lib/theme-chalk/index.css -- import JavaScript --> <script src="https://unpkg.com/element-plus/lib/index.full.js"></script> <title>Element Plus demo</title> </head> <body>
80130发布于 2021-08-13来自专栏javascript趣味编程element-plus tree组件使用
-- Import style --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/<em>element</em>-<em>plus</em>/ -- Import component library --> <script src="https://cdn.jsdelivr.net/npm/element-plus"></script> < app.use(ElementPlus); app.mount("#app"); </script> </body> </html> 运行结果 官方粒子： https://element-plus.org == -1 }, }, } </script> element plus 1 el-cascader 2 初次使用 3 el-select 4 el-upload
2.3K40发布于 2021-09-29element-plus —— 如何对elementUI-plus进行debugger
/node_modules/element-plus/es/components/select/index.mjs' import { ref } from 'vue' const dialogVisible
17710编辑于 2024-08-15来自专栏友人a的笔记丶Element-UI、Element-Plus 使用笔记，记录问题。
通过Require.js (AMD规范) 使用Element UI碰到的坑 原项目是基于require.js来加载模块的，增加新功能的同时想使用流行一点的组件（Element）和Vue；本身这两个库就是支持 /2.15.0/index.js"],function (Vue,ELEMENT){ Vue.use(ELEMENT); /*.........*/ }); 报错：Uncaught 一切OK，开始享受Element+Vue带来的便捷开发。 Element-Plus遇到过的问题 按需引入：https://zhuanlan.zhihu.com/p/427023137 1. 按需引入样式（ unplugin-element-plus）：https://github.com/element-plus/unplugin-element-plus/blob/main/README.zh-CN.md 2.自动组件导入：https://element-plus.gitee.io/zh-CN/guide/quickstart.html#%E6%8C%89%E9%9C%80%E5%AF%BC%E5%85%
85910编辑于 2023-02-17来自专栏运维博客Element Plus前端组件库
Element Plus前端组件库 大纲 Element Plus基本使用 容器布局 导航栏 字体图标 栅格布局 卡片 表单 数据表格 反馈提示 Element Plus基本使用 Element-UI 目前Element UI有两个版本： Element-UI：基于Vue2 Element-Plus：基于Vue3 官网文档：https://element-plus.org/zh-CN/component npm install vue-router@4 vue add router npm install element-plus 3、在vue项目main.js中引入element-plus组件以及 /router' import ElementPlus from 'element-plus'; import 'element-plus/dist/index.css'; const app = createApp /router' import ElementPlus from 'element-plus'; import 'element-plus/dist/index.css'; import * as ElIconModules
6K31编辑于 2023-04-24来自专栏clzelement-plus下拉框全选
element-plus 下拉框实现全选功能 前言 实习确实能学到不少东西，但是学到的东西果然还是需要沉淀下来，不然后面立马又忘记了。 newValue) => { checked.value = newValue.length === ageList.value.length; } ); 如果想要加个中间态的话，就需要用到 element-plus
2.9K20编辑于 2023-03-16来自专栏默存Vue3.0 + Element Plus上手项目
mall-vue3-manage 基于vue3.0 + Element Plus、 整合最新的 Echarts5 强劲的渲染引擎、富文本编辑器 Wangeditor 的后端管理项目。 版本 vue 3.0.0 element-plus 1.0.1-beta.5 vuex 4.0.0-rc.2 vue-router 4.0.0-rc.5 axios 0.21.0 echarts 5 wangeditor
51530编辑于 2022-06-24来自专栏卡拉云Element Plus for Vue 3 入门教程
[Element Plus for Vue 3 入门教程] 本文首发：《Element Plus for Vue 3 入门教程》 Element Plus 是为了适配 Vue 3 对 Element UI [vue-element-plus-website] Element Plus 相关生态 Element Plus Playground - element-plus.run 在线测试 Element Plus Icons - Element Plus 图标集合 Element Plus Vite Starter - Vite 快速上手模板 unplugin-element-plus - Element Plus 按需加载样式插件 Design Materials - Element Plus 社区的 Logo、表情包等资源 awesome-element-plus - Element Plus 模板与资源列表和相关库 [vue-element-plus] 上图为跟随本教程搭建的 Element Plus 完成界面 创建 Vue 3 环境和新项目 vue create element-plus cd element-plus
2.7K40编辑于 2022-04-07来自专栏Jenkins前端框架 element-plus 发布 2.7.8
39910编辑于 2024-07-30来自专栏执行上下文Element Plus Upload 添加支持拖拽排序~
前提 项目中使用element-plus ui框架作为基础项目组件，使用了其中的upload上传组件，在后续过程中提出需求需要支持拖拽排序，我... 拖拽template的整体结构 <template #item="{ <em>element</em>: file }">
<img class9010编辑于 2025-11-20来自专栏solate 杂货铺vue3+element-plus+router+vuex+axios从零开始搭建(1)vue3+element-plus
vue3+element-plus 因为需要一个后端管理系统的界面，所以学习从0开始搭建一个前端框架便于后续使用. 这一章主要是版本选择和基础安装功能。 (y/N) 运行： cd dashboard npm run serve vue 项目第一步就搭建完成了 element-plus element-plus 是针对vue3的前端组件, 这里和2.x有些区别 from "element-plus"; import "element-plus/lib/theme-chalk/index.css"; import App from ". 这样vue3和element-plus就都安装好了。 其他 修复问题 安装element-plus的时候提示有错误， 执行就修复好了 npm audit fix --force element+vue2.x 的时候 开始安装ElementUI, 在cmd中打开
3.3K20发布于 2021-06-21来自专栏猫头虎博客专区猫头虎分享：Element UI & Element Plus组件的安装及使用
'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI); 安装Element Plus Element Plus是Element npm install element-plus --save # 或者 yarn add element-plus 在你的Vue 3项目中引入Element Plus。 UI或Element Plus提供的组件了。 参考资料 Element UI官方文档：https://element.eleme.io Element Plus官方文档：https://element-plus.org 表格总结本文核心知识点 特性 Element UI Element Plus Vue版本 2.x 3.x 安装命令 npm i element-ui npm i element-plus 全局引入 支持 支持 单个组件引入 支持
98310编辑于 2024-04-07来自专栏人生代码试水 element-plus ui 组件库
上次逛知乎发现 element 之前的团队，已经将 element-plus 开发出来了，看来我们可以在 Vue3 接着使用 element 了，在我的心目中 element 这个框架真的好，设计样式是最让我觉得友好 所以今天我们来写一篇关于 element-plus 的入门教程吧，小伙伴们 element-plus 的官网在此： element-plus 我们从开始搭建 Vue3 环境开始吧，首先我们需要安装 node 第三步，通常我们项目是要依赖 element-plus ： cd element-plus-test yarn add element-plus ? 然后我们在 element-plus-test 根目录新建一个 .babelrc 文件来配置 element-plus 按需引入： ? ": "theme-chalk" } ] ] } 第五步：我们需要在 src/main.js 引入 element-plus 组件： import { createApp }
1.7K10发布于 2020-12-29来自专栏bug收集element-plus中的表单验证总结
bug收集：专门解决与收集bug的网站 今天使用elment-plus的el-form表单组件提供的验证用户输入的方法，分享出来，方便大家查阅。 首先，要了解el-form表单上的两个属性，model, rules,; element-plus 文档中关于上面二个属性的介绍如下： model 表单数据对象, 注意此属性与el-form-item v-model的值，等于el-form的model值，加上el-form-item中的prop值; rules的代码 import type { FormInstance, FormRules } from "element-plus
1.3K10编辑于 2024-02-05腾讯云开发者
